<template>
  <view class="card">
    <view class="item_title">{{item.layername}}{{item.roomname}}</view>
    <view class="f_row_center item_text" style="margin-left: 0">
     闲置面积： {{item.area}}㎡
    </view>
  </view>
</template>

<script lang="ts">
import {Vue, Component, Prop} from "vue-property-decorator";

@Component({
  components: {}
})
export default class ItemIdleCardView extends Vue {
  @Prop() item?: any;


}
</script>

<style scoped>
.card {
  background: linear-gradient(132deg, #FFFFFF 0%, #B6CDFF 100%);
  box-shadow: 0px 10rpx 30rpx 0px rgba(0, 0, 0, 0.05);
  border-radius: 20rpx;
  padding: 30rpx;
  margin: 20rpx 30rpx;
}
</style>